<script setup lang="ts">
import { ref, isRef, reactive } from "vue";

const count = ref(0)
const nameObj = reactive({ name: "zx" });
const change = () => {
  nameObj.name = "ls";
  console.log(isRef(count));
  console.log(dom.value)
};
const dom = ref()
</script>

<template>
  <div>
    <h2>{{ count }}</h2>
    <h2>{{ nameObj.name }}</h2>
    <button @click="change">修改</button>
    <div ref="dom">dom</div>
  </div>
</template>

<style scoped></style>
